import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../util/adapt';
import { APP_BLACK, APP_SECOND_GREY } from '../../../../constant/color';

export default StyleSheet.create({
  container: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    marginBottom: phonePx(12),
    paddingHorizontal: phonePx(14)
  },
  content: {
    height: phonePx(66),
    paddingHorizontal: phonePx(16),
    paddingVertical: phonePx(14),
    backgroundColor: '#fff',
    borderRadius: phonePx(4)
  },
  loadTitle: {
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  title: {
    fontSize: phonePx(14),
    color: APP_BLACK,
    fontWeight: '600',
    lineHeight: phonePx(18)
  },
  desc: {
    marginTop: phonePx(2),
    fontSize: phonePx(12),
    color: APP_SECOND_GREY,
    lineHeight: phonePx(17)
  },
  source: {
    marginTop: phonePx(8),
    fontSize: phonePx(12),
    color: APP_SECOND_GREY
  },
  selectedBox: {
    justifyContent: 'center',
    alignItems: 'center',
    width: phonePx(20),
    height: phonePx(20),
    backgroundColor: '#fff',
    borderRadius: phonePx(6)
  },
  selectedIcon: {
    width: phonePx(11),
    height: phonePx(8)
  }
});
